حتما تا کنون تصاویر کوچک یا همان آیکون را در کنار نوار آدرس سایت در
حال نمایش یا محل نمایش عنوان سایت، در برنامه مرورگر خود دیده اید، این
تصویر کوچک اصطلاحا favicon نام دارد. در این مطلب قصد داریم چگونگی قرار دادن این آیکون ریز را به شما آموزش دهیم.
برای مثال favicon در سایت گوگل به این شکل است ( حرف g به رنگ آبی در سمت چپ تصویر! ) :
برای مثال favicon در سایت گوگل به این شکل است ( حرف g به رنگ آبی در سمت چپ تصویر! ) :
برای انجام این کار دو مرحله باید صورت گیرد: آماده سازی آیکون – قرار دادن کد نمایش دهنده آیکون در کد قالب وبلاگ یا سایت شما
شما باید ابتدا یک تصویر ۱۶ در ۱۶ پیکسل آماده کنید. این کار را می توان با
استفاده از برنامه های گرافیکی و یا سایت های مخصوص ارائه favicon انجام
داد.فرمت فایل تصویری شما حتی الامکان باید یکی از این فرمت ها باشد تا در
مرورگر قابل نمایش باشد: ico , png , gif
با توجه به اینکه در favicon محدودیت نمایش تعداد رنگ وجود دارد ممکن است طرح شما چندان چشمگیر در نیاید، پس نمی توان از گرافیک بالا یا جزییات زیادی بهره برد.
پس از طراحی در آن سایت ، فایل favicon را دانلود کنید. فایل دانلود شده بدین نام خواهد بود : favicon.ico
این فایل را در یک فضا آپلود کنید و آدرس آن را در کد زیر قرار دهید:
<link href="xxxxxxxxxxxxxx" rel="shortcut icon">
xxxxxxxxxxxxxx = لینک عکس آپلود شده
xxxxxxxxxxxxxx = لینک عکس آپلود شده
این کد را باید حتما بین عبارت های <head> و </head> قرار دهید (در سطر های اول کد قالب عبارت <head> را پیدا کنید و کد آیکون را در سطر بعدی این عبارت قرار دهید)
پس از انجام این مراحل ، صفحه سایت خود را باز کنید تا آیکون را در کنار آدرس سایت (در برخی مرورگر ها هم کنار عنوان سایت) ببینید.
توجه کنید که در اکثر مرورگر ها بلافاصله بعد از درج این کد در قالب ، آیکون نمایش داده می شود اما گاهی اوقات بعد از مدتی (معمولا بین ۲روز تا یک ماه) نمایش داده خواهد شد.
البته با فشار کلیک ctrl+F5 میتوان از کش کردن مرورگر جلوگیری کرد و به صورت آنی لوگوی شما نمایش داده خواهد شد.
پس از انجام این مراحل ، صفحه سایت خود را باز کنید تا آیکون را در کنار آدرس سایت (در برخی مرورگر ها هم کنار عنوان سایت) ببینید.
توجه کنید که در اکثر مرورگر ها بلافاصله بعد از درج این کد در قالب ، آیکون نمایش داده می شود اما گاهی اوقات بعد از مدتی (معمولا بین ۲روز تا یک ماه) نمایش داده خواهد شد.
البته با فشار کلیک ctrl+F5 میتوان از کش کردن مرورگر جلوگیری کرد و به صورت آنی لوگوی شما نمایش داده خواهد شد.
برچسب ها : favicon/آيكون/آیکون برای سایت/آیکون برای وبلاگ/آیکون وبلاگ/آیکون وبلاگ بلاگفا/قرار دادن آیکون/میهن بلاگ و بلاگ اسکای و تمام سیستم های وبلاگدهی
نظرسنجي
چه نوع تبلیغی را بیشتر دوست دارید تا در وبلاگ خود قرار دهید؟ ( 91/11/30 )
تبليغات
در سايت عضو شويد !!
عضويت سريع
- معرفی چند سیستم کسب درآمد از پاپ آپ ...
- کسب درآمد از آپلود فایل !
- سیستم هاستینگ میهن وب هاست ...
- افتتاح یک سیستم آپلود سنتر ساده ( uploadMB.tk ) .!
- ثبت وبلاگ تازه تاسیس در بیش از 120 موتور جستجو
- انتقال هاست سایت میلاد ادز و رفع قطعی 30 ساعته .
- تماس با ما !!!!
- تبليغات براي شما با ارسال ايميل گروهي .!
- افزایش قیمت نمایش و کلیک برای نمایش دهندگان ...
- کد html قرار دادن فایل فلش (swf) در صفحه وب
- کد جاوا اسکریپت قفل کردن راست کلیک در وبلاگ !! بازديد: 3423
- طراحی بنر, لوگو و هدر با قیمت ارزان !! بازديد: 948
- کد ویژه برای کاربران بلاگفا بازديد: 751
- افزایش قیمت نمایش و کلیک برای نمایش دهندگان ... بازديد: 551
- خرید شارژ تمام سیم کارتهای اعتباری + راهنمای خرید اینترنتی ... بازديد: 491
- کد html قرار دادن فایل فلش (swf) در صفحه وب بازديد: 467
- سیستم هاستینگ میهن وب هاست ... بازديد: 401
- تبليغات براي شما با ارسال ايميل گروهي .! بازديد: 268
- معرفی چند سیستم کسب درآمد از پاپ آپ ... بازديد: 264
- تغییر هاست سایت با موفقیت انجام شد . بازديد: 187